<template>
  <div class="order-detail">
    <div class="order_details_con">

      <div class="order_tit">
        <div class="order_num">
          订单号：7777777777
        </div>
      </div>
      <div class="order_details_sept">
        <div class="state">
          <div class="state_txt">待付款</div>
        </div>
        <div class="state_pay">
          <span class="state_btn">
            去支付
          </span>

        </div>
      </div>
      <div class="state_info">
        <ul>
          <li>
            <div class="title">收货信息</div>
            <div class="receiver_name_con">收货人：
              <span class="nowrap receiver_name">HUU44444</span>
            </div>
            <div class="receiver_phone_con">联系方式：
              <span class="receiver_phone nowrap">17610391025</span>
            </div>
            <div class="receiver_address_wrap">
              <div>收货地址：
                <span class="receiver_address">北京市北京市平谷区滨河街道YJ</span>
              </div>
            </div>
          </li>
          <li>
            <div class="title">付款信息</div>
            <div>结算方式：
              <span id="final_paid_type">在线支付</span>
              <span class="paytype_mos" onclick="getRemittance()" style="display:none">汇款信息</span>
              <div class="paytype_detail">
                <p>【汇款信息】</p>
                <ul />
                <a class="close_dia" onclick="closeRemittance()" />
              </div>
            </div>
            <div>结算金额：¥
              <span class="settle-money">457.00</span>

            </div>
          </li>
        </ul>
      </div>
      <div class="details_list">
        <ul class="list_table">
          <li class="row01">
            <div class="code_box" style="display: block;">商品名称</div>
            <div class="code_itemnobox code_mate_name" style="display:none">
              <div class="code_itemnobox_code">商品名称</div>
              <div class="code_itemnobox_itemno">贵司的物料名称</div>
            </div>
          </li>
          <li class="row02">
            <div class="code_box" style="display: block;">商品编码</div>
            <div class="code_itemnobox code_mate_num" style="display:none">
              <div class="code_itemnobox_code">商品编码</div>
              <div class="code_itemnobox_itemno">贵司的物料编码</div>
            </div>
          </li>
          <li class="row03">数量</li>
          <li class="row07">
            <div class="code_box" style="display: block;">计量单位</div>
            <div class="code_itemnobox code_mate_unit" style="display:none">
              <div class="code_itemnobox_code">计量单位</div>
              <div class="code_itemnobox_itemno">贵司的计量单位</div>
            </div>
          </li>
          <li class="row03">原价</li>
          <li class="row04">价格</li>
          <li class="row06">小计</li>
          <li class="row05">操作</li>

          <li class="bq_row bq_row_01">固定资产</li>
          <li class="bq_row bq_row_02">备注</li>

        </ul>
        <div class="list_body_ul" style="padding-bottom:20px;">
          <ul class="list_body normalPriceOrderItemsList"><div class="li-wrap">
            <li class="row01"><img src="https://fsyuncai.oss-cn-beijing.aliyuncs.com/product/images/01620897780095.jpg?x-oss-process=style/marking_text">
              <span class="spu_name"><label title="东成 电锤FF28 28款不调速 FF28 960W 1000r/min 220V">东成 电锤FF28 28款不调速 FF28 960W 1000r/min 220V</label></span>
            </li>
            <li class="row02"><span>10514704</span></li>
            <li class="row03"><div>1台</div></li>
            <li class="row07"><span>台</span></li>
            <li class="row03">¥431.00</li><li class="row04"><div class="">¥ 431.00</div></li>
            <li class="row06"><div class="">¥ 431.00</div></li>
            <li class="row05" style="line-height: 80px;box-sizing: border-box;"><div style="display: block; text-align: center;">
              <a onclick="openProductDetail(this)" data-code="10514704">查看详情</a></div></li>
          </div></ul>
          <ul class="list_body specialPriceOrderItemsList" />
          <ul class="list_body fullAmountReduceOrderItemsMap" />
          <ul class="list_body fullQuantityReduceOrderItemsMap" />
          <div class="list_more_line" style="display:none"><a href="" target="_blank">共20件商品，查看商品清单</a></div>
        </div>
      </div>
      <div class="balance_warp">
        <div class="balance_line">

          <div class="balance" style="float:right; font-size: 14px;color: #222222">
            <div class="clearfix">
              <span class="settle_price_left">商品总额：</span>
              <em class="settle_price_right">¥<span class="final_total_amount">431.00</span></em>
            </div>
            <div class="clearfix">
              <span class="settle_price_left">运费：</span>
              <em class="settle_price_right">¥<span class="shipping_fee_bottom">26.00</span></em>
            </div>

            <div class="cancel_line"><div id="canclodersure" style="cursor: pointer;" data-="" onclick="cancleOrderSure()">取消订单</div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'OrderDetail',
  components: {},
  data() {
    return {}
  },
  computed: {
  },
  mounted() {
  },
  created() {
  },
  methods: {
  }

}
</script>

<style scoped lang="scss">
.order-detail{
    width: 1200px;
    margin: 0 auto;
    .order_tit {
    width: 100%;
    height: 60px;
    background-color: #fff;
    line-height: 60px;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 8px;
    .order_num {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
}
}
.order_details_sept {
    padding: 0 20px 20px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    .state {
    height: 42px;
    line-height: 42px;
    padding: 20px 0;
    overflow: hidden;

   .state_txt {
    color: #1b74e0;
    font-size: 32px;
    font-weight: bold;

}

}
.state_pay {

  .state_btn {
    display: inline-block;
    width: 120px;
    height: 34px;
    background: #1b74e0;
    border-radius: 2px;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    margin: 0 10px 0 0;
}
}
}

}
</style>
